<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			li:first-child {
				color: red;
			}
			
			li:last-child {
				color: red;
			}
			
			a:visited {
				color: red;
			}
			
			a:link {
				color: #00FFFF;
			}
			
			a:hover {
				color: #FFFF00;
			}
			
			/*只有a标签有*/
			span:visited {
				color: red;
			}
			/*只有a标签有*/
			span:link {
				color: #00FFFF;
			}
			
			/*其它标签也支持*/
			span:hover {
				color: #2e7738;
			}
		</style>
	</head>
	<body>
		CSS的伪类和伪元素
		伪类：指的是元素的不同状态。超链接a标签
		伪元素：一定指元素标签，获取第一个元素(标签)，ul和li。table和tr，select和option
		<ul class="myul">
			<li>第1个</li>
			<li>第2个</li>
			<li>第3个</li>
			<li>第4个</li>
			<li>第5个</li>
		</ul>
		超链接a标签有四个状态
		a:link：未访问过的
		a:visited：访问过的
		a:active：有效的
		a:hover：鼠标经过
		<a href="http://www.baidu.com">百度一下</a>
		<a href="fdfds">百度一下</a>
		
		<span>
			span标签文本
		</span>
	</body>
</html>
